.indextit{width:100%;overflow:hidden;padding:5px 0 30px 0 ;position: relative;z-index: 1; text-align: center; margin-top:50px; }
.indextit .indexitle{font-size: 28px;;display: block;line-height: 30px;color: #414141;}
.indextit .indle{width: 84px;height: 3px;margin: 8px auto 0;background:#E60012;}
.indextit .entxet{font-size: 18px;display: block;color: #999; margin-top: 0px;}



@media (max-width:880px) {

.indextit{ margin-top: 20px ; padding:5px 0 10px 0 ;}
.indextit .indexitle{font-size: 20px;;}
.indextit .indle{width: 70px;}
.indextit .entxet{font-size: 16px;}
}



/*服务项目*/
.welpic{ padding:15px 0 10px;display: block; overflow: hidden; position: relative; }
.worler { width: 100%;  position:relative;display: block; overflow: hidden;}
.worler ul{zoom: 1; text-align: center;}
.worler ul li { width: 12%; margin-right: 2.2%;  cursor: pointer; display:block;  position: relative; border-bottom: 2px solid #fff; padding-bottom: 10px; float: left;}
.worler ul li:nth-child(7n){margin-right: 0;}
.worler ul li .p1{width:100% ; height: 52px; line-height: 26px; font-size: 15px;display: block; overflow: hidden; position: relative;}
.worler ul li img{height:auto; width: 80px;  margin: auto;}
.worler ul li:hover { color: #E60012; border-bottom: 2px solid #E60012;}
.worler ul li .adnig{display: block;}
.worler ul li .mdimg{display: none;}
.worler ul li:hover .adnig{display: none;}
.worler ul li:hover .mdimg{display: block;}


@media (max-width:1200px) {

.worler ul li { width: 22%; margin-right: 4%;  margin-bottom: 20px; }
.worler ul li:nth-child(7n){margin-right: 4%; }
.worler ul li:nth-child(4n){margin-right: 0%; }


}

@media (max-width:640px) {

.worler ul li { width: 32%; margin-right: 2%;  margin-bottom: 20px; }
.worler ul li:nth-child(7n){margin-right: 2%; }
.worler ul li:nth-child(4n){margin-right: 2%; }
.worler ul li:nth-child(3n){margin-right: 0%; }
.worler ul li img{height:auto; width: 60px;  margin: auto;}
.worler ul li .p1{ font-size: 14px;}
.worler ul li:nth-child(7){display: none; }
}




/*服务项目*/












/*新闻*/

.inmessage{ display: block; overflow: hidden; position: relative; margin-bottom: 60px; }
.home-news{ padding:15px 0 10px;display: block; overflow: hidden; position: relative; }
.home-news .theme{  text-align: center; display: block; overflow: hidden; position: relative; }
.home-news .theme span{ display: block; font-size: 32px; line-height: 40px; color: #555555; text-transform: uppercase; }
.home-news .theme p{ margin-top: 5px; font-size: 42px; color: #E60012; font-weight: bold;}

.home-news .content{ margin-top: 10px;}
.home-news .js-tab-con{ display: block;}
.home-news .left .headline {display: block;position: absolute;left: 65px;top: -35px;width: 16%;z-index: 99; background: url(../images/newtime.png) no-repeat center;background-size: 100%;}
.home-news .left .headline .time{padding: 0 1% 20%;}
.home-news .left .headline .text1{text-align: center;font-size: 46px;font-weight: bold;color: #ffffff; height: 48px; line-height: 68px;}
.home-news .left .headline .text2{text-align: center;font-size: 20px;color: #ffffff;}

.home-news .js-tab-con.active{ display: block;}
.home-news .left{ float: left; width:44.5%; position: relative;}
.home-news .left a{ display: block; background: #e7e7e6; padding:30px 30px 28px;}
.home-news .left .date{ display: block; font-size: 22px; line-height: 22px; color: #999999;} 
.home-news .left .tit{ margin-top: 22px; font-size: 22px; font-weight: bold; line-height: 22px; color: #E60012;}
.home-news .left p{ margin-top: 12px; display: block; color: #999999; line-height:20px;}
.home-news .left .img{ display: block; width: 100%; overflow: hidden;}
.home-news .left .img img{max-width: 100%;}
.home-news .left .more{ margin-top: 35px; display: inline-block; background: #E60012; color: #FFFFFF;  width: 150px; line-height: 38px; font-size: 15px; text-align: center;font-style: italic;}
.home-news .left:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-news .right{ float: right; width: 51%;}
.home-news-list li{ padding: 20px 0; border-bottom: 1px solid #efefef;}
.home-news-list li:first-child{ padding-top: 0;}
.home-news-list li:last-child{ border-bottom: none; padding-bottom: 0;}
.home-news-list li a{ display: block;}
.home-news-list li .img{ float: left; width: 250px; overflow: hidden;max-height: 141px;}
.home-news-list li .img img{max-width: 100%;}
.home-news-list li .text{ margin-left: 285px;}
.home-news-list li .text i{ display: block; color:#cccccc; line-height: 20px; font-style: normal;}
.home-news-list li .text div{ margin-top: 5px; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; color: #222222;}
.home-news-list li .text p{ margin-top: 0px; color: #999999;}
.home-news-list li .text span{ margin-top: 10px; display:block; line-height: 20px; background: url(../images/home_news_more.png) no-repeat left; color: #999999; font-size: 15px; padding-left:30px; color: #999999;font-style: italic;}
.home-news-list li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-news-list li a:hover div{ color: #E60012;}
.home-news-list li a:hover span{ color: #E60012; background: url(../images/home_news_moreh.png) no-repeat left;}



@media (max-width:1500px) {
	
	.point-box li{ padding:0 50px;}

	.home-product li .box .con{ padding: 0 40px;}
	.home-product li .box .con span{ font-size:26px;}
	
	.home-news .left a{ padding:50px 60px;}
	.home-news-list li{ padding:25px 0;}



}
@media (max-width:1366px) {
	.home-news .left{width: 49.5%;}
	.home-news .right{width: 46%;}
	.home-news-list li{padding: 15px 0;}
}
@media (max-width:1300px) {
	.point-box li{ padding: 0 25px;}	
}

@media (max-width:880px) {
	.home-news{padding: 30px 0;}
	.home-news .tab{display: none;}
	.home-news .theme{text-align: center;float: none;}
	.home-news .content{margin-top: 25px;}
	.home-news .theme span{font-size: 16px;line-height: 20px;}
	.home-news .theme p{font-size: 20px;line-height: 30px; font-weight: 700; margin-top: 0;}
	.home-news .left,.home-news .right{width: 100%;}
	.home-news .left .headline{left: 15px;width: 20%;}
	.home-news .left .headline .time {padding: 0% 1% 38%;}
	.home-news .left .headline .text1{font-size: 26px;padding-top: 12px;}
	.home-news .left .headline .text2{font-size: 14px;}
	.home-news .left a {padding: 15px;}
	.home-news .left .tit{font-size: 15px;margin-top: 10px;}
	.home-news .left .more{margin-top: 15px;width: 100px;}
	.home-news .right{margin-top:35px;}
	.home-news-list li .img{width: 130px; max-height: 120px;}
	.home-news-list li .text{margin-left: 155px;}
	.home-news-list li .text div{font-size: 14px;line-height: 22px;height: 22px; text-overflow: ellipsis;
    white-space: nowrap; font-weight: bold;}
	.home-news-list li .text p{margin-top: 8px;  line-height: 20px;overflow: hidden;font-size: 13px;}
	.home-news-list li .text span{margin-top: 8px;font-size: 13px;}
	.home-news-list li{padding: 20px 0;}
	.home-news-list li .text i{display: none;}
	}

/*新闻*/




/*产品系列*/


.cgseindx{width:100%; overflow: hidden; display: block; position: relative;margin-top: 35px;}
.bnndtp{width:100%; overflow: hidden; display: block; position: relative;margin-top: 5px;}

.bnndtp .lefttp{ width:66.25%; float: left;margin-right:1.25%;overflow: hidden; display: block; position: relative;}
.bnndtp .righttp{ width:32.5%; float: left;overflow: hidden; display: block; position: relative;}
.lefttp ul{zoom:1 ; margin: auto;}
.lefttp ul li{width:49%; height: 300px; overflow: hidden; float:left; position:relative;margin-right:0; transition: all 1s;}


.lefttp ul li:nth-child(1){ width:100%; margin-bottom:15px; height: 400px;}
.lefttp ul li:nth-child(2){margin-right: 2%; }
.righttp ul li{ width:100%; height: 715px; }
.bnndtp ul li::before { content: " "; display: block;position: absolute; top: 0;right: 0; bottom: 0; left: 0; z-index: 1;transition: background-color linear 0.2s; }
.bnndtp ul li .cd-link{padding: 30px;transition: all linear 0.3s; overflow: hidden; display: block;}
.bnndtp ul li .imgcer{width: 100%; height: 100%;overflow: hidden; z-index: -1;}
.bnndtp ul li .imgcer img{width: 100%; height: 100%;transition: all 1s;}
.bnndtp ul li:hover .imgcer img{transform:scale(1.1);}
.bnndtp ul li .title { color: #333;font-size: 22px;margin: 0;position: absolute; left: 30px;bottom: 6px;z-index: 1; transition: bottom ease-out 0.3s;}
.bnndtp ul li .detail {font-size: 15px; height: 4.5em;line-height: 1.5;overflow: hidden;opacity: 0;position: absolute;padding: 0 30px;left: -150%;bottom: 100px; transition: left ease-out 0.2s; transition-delay: 0.3s;color: #FFFFFF; z-index: 15; width: calc(100% - 60px);}

.bnndtp ul li .link {color: #FFFFFF; display: flex;flex-direction: row; justify-content: center; align-items: center;position: absolute; 
bottom:-30px;right: 20px; z-index: 20;transition: right ease-out 0.2s; transition-delay: 0.15s;}
.bnndtp ul li .link i{width: 30px; height: 30px; border-radius: 100%; overflow: hidden; border: 1px solid #fff; margin-left: 10px;}
.bnndtp ul li .link img{margin-left: 3px; margin-top: 3px;}
.bnndtp ul li:hover .title { color: #fff;}
.bnndtp ul li:hover .detail { left: 0; opacity: 1; right: 30px;}
.bnndtp ul li:hover .link {bottom:30px;}
.bnndtp ul li .link:hover i{background: #006cd3 ; border: 1px solid #006cd3;}
.bnndtp ul li:hover .cd-link{background-color: rgba(0, 0, 0, 0.4); }
.bnndtp ul li:hover::before{ background-color: rgba(0,0,0,0.4);}


@media (max-width:880px) {
.bnndtp .lefttp{ width:100%; float: left;margin-right:0;overflow: hidden; display: block; position: relative;}
.bnndtp .righttp{ width:100%; float: left;overflow: hidden; display: none; position: relative;}	
.bnndtp ul li{width:100%; height: auto; overflow: hidden; float:left; position:relative;margin-right:0; margin-bottom:30px;transition: all 1s;}	
	.bnndtp ul li:nth-child(5){margin-right: 0;}
.bnndtp ul li:nth-child(1){ width:100%; height: auto; }
.bnndtp ul li:nth-child(2){margin-right: 0; height: auto;}
	
	.bnndtp ul li .cd-link{padding: 0;}
	.bnndtp ul li .title{bottom: 20px; left: 10px; font-size: 18px;}
	.bnndtp ul li .detail{display: none;}
	.bnndtp ul li .link{display: none;}
}




/*成功案例*/


.indexauth{ width: 100%; display: block; position: relative; overflow: hidden;  margin-bottom: 30px; margin-top: 10px;}
.indexauth .info{width: 100%; display: block; position: relative; overflow: hidden; margin-top: 10px;}
.indexauth .info ul { zoom: 1; text-align: center;}
.indexauth .info ul li { display:block; position: relative; overflow: hidden; width: 16.8%; margin-right: 4%; float: left; }
.info ul li:nth-child(4n){margin-right: 0;}
.indexauth .info ul li img:hover { opacity: 0.8; }
.indexauth .info ul li p { font-size: 15px; line-height: 24px; height: 48px; margin-top: 5px; }
.indexauth .info ul li img { width: 62px; height: 62px; }












































.sf-com-curtain-view .content {
  overflow: hidden;
  position: relative;
}

.sf-com-curtain-view .content .curtain {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: all ease-out 0.33s;
  transition-delay: 0.2s;
  z-index: 30;
}

.sf-com-curtain-view .content .curtain img {
  display: none;
}

.sf-com-curtain-view .content .curtain::before {
  background-color: rgba(103, 148, 186, 0.9);
  background-image: url(../images/curtain@2x.png);
  background-size: cover;
  background-position: center center;
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: all ease-out 1.5s;
  z-index: 20;
}

.sf-com-curtain-view .content .view {
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.sf-com-curtain-view .content .view img {
  display: none;
}

.sf-com-curtain-view .content .info-list {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.sf-com-curtain-view .content .info-list .info {
  border-right: 1px solid #FFFFFF;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  height: 445px;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
  position: relative;
  z-index: 50;
}

.sf-com-curtain-view .content .info-list .info:last-child {
  border-right: none;
}

.sf-com-curtain-view .content .info-list .info:hover, .sf-com-curtain-view .content .info-list .info:active {
  cursor: pointer;
}

.sf-com-curtain-view .content .info-list .info:hover .icon, .sf-com-curtain-view .content .info-list .info:active .icon {
  height: 0;
  margin-top: 30px;
  overflow: hidden;
}

.sf-com-curtain-view .content .info-list .info:hover .intro, .sf-com-curtain-view .content .info-list .info:active .intro {
  margin-top: 50px;
}

.sf-com-curtain-view .content .info-list .info:hover .intro::before, .sf-com-curtain-view .content .info-list .info:active .intro::before {
  background-color: #FFFFFF;
  content: " ";
  display: block;
  height: 1px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: -25px;
}

.sf-com-curtain-view .content .info-list .info .icon {
  height: auto;
  margin-top: 120px;
  transition: all linear 0.3s;
}

.sf-com-curtain-view .content .info-list .info .icon img {
  display: block;
  height: 65px;
  margin: 0 auto;
}

.sf-com-curtain-view .content .info-list .info .num {
  font-size: 60px;
  font-weight: 600;
  line-height: 1;
  margin: 25px 0 0 0;
  transition: all linear 0.3s;
}

.sf-com-curtain-view .content .info-list .info .unit {
  font-size: 24px;
  margin: 5px 0 0 0;
  padding: 0 10px;
}

.sf-com-curtain-view .content .info-list .info .intro {
  margin: 0 20px;
  margin-top: 1000px;
  max-width: 80%;
  position: relative;
  transition: margin-top ease-out 0.2s;
}

.sf-com-curtain-view .content .info-list .info:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

.sf-com-curtain-view.hovering .curtain::before {
  opacity: 0;
}

.sf-com-curtain-view.type-2 .content .info-list .info {
  justify-content: center;
}

.sf-com-curtain-view.type-2 .content .info-list .info .icon {
  margin-top: 0;
  margin-bottom: 40px;
  transition: all linear 0.5s;
}

.sf-com-curtain-view.type-2 .content .info-list .info .icon img {
  display: block;
}

.sf-com-curtain-view.type-2 .content .info-list .info .unit {
  margin: 0;
  font-weight: 200;
  transition: all linear 0.3s;
}

.sf-com-curtain-view.type-2 .content .info-list .info .intro {
  font-weight: 200;
  margin-top: 0;
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: all linear 1.5s;
}

.sf-com-curtain-view.type-2 .content .info-list .info:hover .icon, .sf-com-curtain-view.type-2 .content .info-list .info:focus .icon, .sf-com-curtain-view.type-2 .content .info-list .info:active .icon {
  transform: scale(0);
  height: auto;
  margin-bottom: 0;
  margin-top: -40px;
}

.sf-com-curtain-view.type-2 .content .info-list .info:hover .unit, .sf-com-curtain-view.type-2 .content .info-list .info:focus .unit, .sf-com-curtain-view.type-2 .content .info-list .info:active .unit {
  border-bottom: 1px solid #FFFFFF;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

.sf-com-curtain-view.type-2 .content .info-list .info:hover .intro, .sf-com-curtain-view.type-2 .content .info-list .info:focus .intro, .sf-com-curtain-view.type-2 .content .info-list .info:active .intro {
  height: auto;
  opacity: 1;
}

@media screen and (max-width: 1024px) {
  .sf-com-curtain-view .content .info-list {
    flex-direction: column;
    justify-content: flex-start;
  }
  .sf-com-curtain-view .content .info-list .info {
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    border-right: none;
    flex-grow: 0;
    flex-basis: auto;
    height: 210px;
    overflow: hidden;
  }
  .sf-com-curtain-view .content .info-list .info:hover, .sf-com-curtain-view .content .info-list .info:active {
    height: 380px;
  }
  .sf-com-curtain-view .content .info-list .info .icon {
    margin-top: 35px;
  }
  .sf-com-curtain-view .content .info-list .info .icon img {
    height: 50px;
  }
  .sf-com-curtain-view .content .info-list .info .num {
    font-size: 40px;
    margin-top: 15px;
  }
  .sf-com-curtain-view .content .info-list .info .unit {
    font-size: 20px;
  }
}








.woader { width: 100%; overflow:hidden;margin:auto;display: block; position: relative; margin-top: 10px;  margin-bottom: 20px; }
.woader dl{text-align: center;}
.woader dl dd{cursor: pointer;display: inline-block; width: auto; height: auto;margin: 0;text-indent: 0;background: 0 0;padding: 12px 20px;position: relative; min-width: 160px;background: #dadee4; color: #98a4b7; margin: 0 .8%;  cursor: pointer;}
.woader dl dd a{color: #000;}
.woader dd.active { background: #E60012 ;color: #fff; }
.woader dd:hover a{ color: #fff; }
.woader dd:hover{ background: #E60012 ;color: #fff;  }
/*.bqmmee{ display: none;  }
.bqmmee.active { display: block; }*/

@media screen and (max-width: 1024px) {
	.woader dl dd{cursor: pointer; min-width: 90px;background: #f0f0f0;padding: 12px 10px;}
	
	}